<div class="cascader-wrapper">
  <div class="cascader-selected form-control" style="cursor: pointer;" (click)="toggleShow()">{{ activeCategory }}</div>
    <ul class="cascader-options" *ngIf="status">
      <li class="cascader-option" style="cursor: pointer;" [ngClass]="{'hover-class': item.id == activeId }" (mouseover)="showChildren(item);" *ngFor="let item of firstList;let i = index;">
          <span>{{ item.category_name }}</span>
        <ul class="cascader-second-children" *ngIf="activeId == item.id" [ngClass]="{'animate': activeId == item.id}">
          <li class="cascader-option" *ngIf="activeSecondList.length == 0">
            无
          </li>
          <ng-container *ngIf="activeSecondList.length > 0">
            <li class="cascader-option" *ngFor="let item1 of activeSecondList;" [ngClass]="{'click-class':item1.id == activeSecId}" (click)="pushSelected(item1.id,item1.label)">
              <span>{{ item1.label }}</span>
            </li>
          </ng-container>
        </ul>
      </li>
    </ul>
</div>
